.messageContacts-container { display: flex }

.messageContacts-where,
.encrypted-subject .header-name,
.encrypted-subject-icon {
    margin-right: .5em;
    color: $default-color-medium
}
.encrypted-subject-icon {
    padding-top: .5em;
}

.encrypted-subject .header-name {
    margin-right: 0;
}

.messageContacts-where::after,
.encrypted-subject .header-name:after { content: ':'}

.messageContacts-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    min-width: 0;
    width: 100%; /* for IE11 bug */
}
.messageContacts-list-item {
    display: flex;
    flex-wrap: nowrap;
    max-width: calc(100% - 2rem);
}
.messageContacts-list-item > *,
.messageContacts-name-email > * {
    min-width: 0;
}
.messageContacts-name-email {
    display: flex;
}
.messageContacts-email {
    font-style: italic;
    color: $default-color-medium;
}

.messageContacts-message-address-wrapper {
    white-space: nowrap;
}

.messageContacts-container svg.pgp {
    fill: $pgp;
    color: darken($pgp, 10);
}

.messageContacts-icon .fa {
    font-size: 14px;
    width: 12px;
}

.messageContacts-icon .fa.pgp {
    color: $pgp;
}

.messageContacts-icon .signed-lock {
    height: 13px;
    margin-bottom: -2px;
    margin-left: -1px;
    margin-right: -1px;
}

.messageContacts-icon .internal {
    fill: $primary;
    color: darken($primary, 10);
}

.messageContacts-btn-compose { color: $primary }


.messageContacts-list-item .messageAddressActions-container { padding: 0 .25em }
